@import './addBigModal.scss';

body {
  height: 100%;
  padding: 0px;
  margin: 0px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

.vxe-table-disabled {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}

html {
  height: 100%;
  box-sizing: border-box;
}

.mainPage {
  height: calc(100vh - 64px);

  button {
    height: 28px;
    line-height: 28px;
  }

  .setHeadFlex {
    display: flex;
    justify-content: space-between;
  }
}

.mainTablePage {
  th {
    height: 32px !important;
    // line-height: 32px !important;
    padding: 0px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    overflow: hidden !important;
  }

  th:has(.vxe-input) {
    height: 46px !important;
    padding: 5px !important;
  }

  td {
    height: 28px !important;
    font-size: 12px !important;
    padding: 0px !important;
  }

  .showTable {
    .vxe-pager--wrapper {
      flex-grow: 0;
      margin: auto;
    }

    .vxe-pager--goto {
      border-radius: 16px !important;
      width: 50px !important;

    }

    .setCount {
      margin-left: 10px;

      .vxe-input--number-suffix {
        display: none;
      }

      .vxe-input {
        border-radius: 16px;
        width: 60px !important
      }

      .vxe-input--inner {
        border-radius: 16px;
        width: 60px !important
      }

    }
  }


  .commonSearch {
    .el-form-item__label {
      height: 28px;
      line-height: 28px;
    }

    .el-form-item__content {
      line-height: 28px !important;

    }

    .el-input__wrapper {
      padding: 0px 8px;

    }

    .el-input__inner {
      height: 28px;

    }

    .commonSearchButoon {}

  }


}

#look-up-box {
  .el-dialog__header {
    height: 30px !important;
    padding: 5px 12px !important;
    background: #eaeef4 !important;
    border-radius: 4px 4px 0 0 !important;
    line-height: 20px;
  }

  .el-dialog__headerbtn {
    top: 5px !important;
    right: 12px !important;
    color: #909399;
  }

  .el-dialog__title {
    line-height: 17px !important;
    font-size: 12px !important;
  }

  .el-dialog__body {
    padding: 0 !important;

    .content {
      padding: 8px 6px !important;

      .form {
        .el-input__inner {
          padding-left: 4px;
        }
      }

    }
  }

  .el-dialog__footer {
    padding: 8px 13px 8px;
  }

  .pop-table-box {
    .pop-table-content {

      .el-table th,
      .el-table td {
        padding: 1px 0 !important;
        height: 26px;
      }
    }
  }

  .form {
    position: relative;

    .el-form-item--mini.el-form-item {
      margin-bottom: 6px;

      .el-form-item__label {
        font-weight: 400;
        font-size: 12px;
        text-align: right;
        padding-right: 4px !important;
      }

      .el-input,
      .el-select {
        width: 180px !important;
      }

      .el-input__inner {
        padding-left: 4px;
      }
    }

    .look-up-btn {
      position: absolute;
      top: 0;
      right: 0;
    }
  }

  .dialog-footer {
    .dialog-footer-input {
      float: left;
      display: flex;
      font-size: 12px;
      align-items: center;

      .dialog-footer-input-box {
        margin: 0 4px;
        width: 60px;
      }
    }
  }
}   
 .el-form--inline .el-form-item:has(.el-textarea){
        width: calc(100% - 180px) !important;
        .el-select{
            width: 100%;
        }
    }